// normalize.css 是一个用于重置浏览器默认样式的库，使得不同浏览器之间的渲染更加一致
// @import url('normalize.css');
// @import url('reset.scss');
// @import url('nprogress.scss');
// @import url('element-plus.scss');
// @import url('theme.scss');
// scss 是编译时的，@import 会导致 混淆 命名空间冲突，全局污染问题（a.scss和b.scss比如都有相同的变量，那就是后者引入的覆盖前者）无私有属性 所以需要使用 @use
// @use $-color $_color;代表私有属性 自带命名空间 如果 a.scss 有 $color: red; 那 b.scss 也有 $color: blue; @use 导入 a.$color / b.$color 不推荐 @use 'theme' as *; 因为会污染全局命名空间
// 如果  @use 'theme' as themeName; 那么 themeName.$color 这样获取变量

@use 'reset';
@use 'nprogress';
@use 'element-plus';
@use 'theme';

.clearfix {
  &::after {
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
    content: ' ';
  }
}

// main-container global css
.app-container {
  padding: 20px;
}
